<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>并集选择器</title>
    <!--
    交集选择器是"且"的条件
    并集选择器是"或"的条件
    并集选择器的格式:
      .rich, .dog, .pig, .beauty, #sheep {
      font-size: 40px;
      background-color: red;
  }

    想要让同一个样式多次使用但不想把他提到一个class中然后再使用标签引用
    我们可以将样式放到一个并集选择器当中,不同的class选择器用,隔开

    在并集选择器中我们不仅可以使用class选择器,也可以使用id选择器
    也就是说并集选择器可以使用 元素选择器,id选择器和class选择器进行组合

    并集选择器是针对多种元素进行选择
    -->
    <style>
        .rich {
            color: gold;
            font-size: 40px;
            background-color: red;
        }

        .beauty {
            color: aqua;
        }

        .dog {
            color: blue;
        }

        .pig {
            color: green;
        }

        p, .rich, .dog, .pig, .beauty, #sheep {
            font-size: 40px;
            background-color: red;
        }
    </style>
</head>
<body>
<h2 class="rich">土豪张三</h2>
<h2 class="beauty">明星李四</h2>
<h2>破产王五(不加任何样式)</h2>
<hr>
<p class="pig">小猪佩奇</p>
<p class="dog">小猫年年</p>
<p id="sheep">小羊肖恩</p>
</body>
</html>